<!DOCTYPE html>
<html>
<head>
<script src="../../resources/js-test.js"></script>
</head>
<body>
<p id="description"></p>
<div id="test-container">
<div id=d0 style='border:2px solid red'>
<div onmouseout='testPassed("mouseout")'  onmouseover='document.getElementById("d0").innerHTML ="you should see PASS below"'>
<div onmouseout='testPassed("mouseout")'>
<span id=target1 onmouseout='testPassed("mouseout")' >
mouse over me
</span>
</div>
</div>
</div>
<div id=d1 style='border:2px solid blue'>
<div id=target2 onmouseout='testPassed("mouseout")'  onmouseover='document.getElementById("d1").innerHTML ="you should see PASS below"' >
mouse over me
</div>
</div>
</div>
<div id="console"></div>
<script>
description("Test that if node dies under mouse it receives mouseout event.");

if (window.testRunner)
    testRunner.dumpAsText();

if (window.eventSender) {
    var el = document.getElementById('target1');
    var x = el.offsetLeft+3;
    var y = el.offsetTop+3;
    eventSender.mouseMoveTo(x, y);
    eventSender.mouseMoveTo(x+1, y+1);
    el = document.getElementById('target2');
    x = el.offsetLeft+3;
    y = el.offsetTop+3;
    eventSender.mouseMoveTo(x, y);
    eventSender.mouseMoveTo(x+1, y+1);

    var testContainer = document.getElementById("test-container");
    if (testContainer)
        document.body.removeChild(testContainer);
}
</script>
</body>
</html>
